<template>
  <div style="background-color: #EEF1F9; width: 100%; min-height: 553px;">
    <div style="width: 1000px; min-height: 493px; margin: 0 auto;">
      <top-part-intro>联系我们</top-part-intro>

      <div style="background-color: white; width: 100%; min-height: 400px;">
        <div style="margin:0 50px; padding-top: 50px;">
          <div style="display: flex;">
            <div class="blueStrip"></div>
            <span class="text">团队人员情况</span>
          </div>

          <project-member :member-info="this.memberInfo" style="margin-top: 20px"></project-member>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import ProjectMember from "../components/content/ProjectMember"
  import TopPartIntro from "../components/content/TopPartIntro"

  export default {
    name: "Contact",
    components: {
      ProjectMember,
      TopPartIntro
    },
    data() {
      return {
        memberInfo: [
          {
            name: '林梓成',
            phone: '13046104102',
            unit: '经贸学院',
            techServe: '',
            adminServe: '',
            responsibility: '',
            remarks: '欢迎互粉：https://gitee.com/Linrena，https://blog.csdn.net/Linrena'
          },
          {
            name: '王鑫彤',
            phone: '',
            unit: '经贸学院',
            techServe: '',
            adminServe: '',
            responsibility: '',
            remarks: ''
          },
          {
            name: '马铭骏',
            phone: '',
            unit: '经贸学院',
            techServe: '',
            adminServe: '',
            responsibility: '',
            remarks: ''
          }
        ]
      }
    }
  }
</script>

<style scoped>
  .text {
    height:20px;
    font-size:18px;
    font-family:Microsoft YaHei,serif;
    color:rgba(51,51,51,1);
    line-height:20px;
  }
</style>
